<template lang="html">
  <div class="invester-menu ly-row-flex flex-space-between flex-middle">
    <ul class="menu-list ly-row-flex">
      <li class="menu-item ly-row-flex"
        :class="{'active': activeName === 'InvesterPortfolioManage'}"
        @click="toogleMenuActive('InvesterPortfolioManage')">
        <a v-link="{ name: 'InvesterPortfolioManage'}">投顾列表管理</a>
        <span>|</span>
      </li>
      <li class="menu-item ly-row-flex"
        :class="{'active': activeName === 'InvesterList'}"
        @click="toogleMenuActive('InvesterList')">
        <a v-link="{ name: 'InvesterList'}">投顾资料管理</a>
        <span>|</span>
      </li>
      <li class="menu-item ly-row-flex"
        :class="{'active': activeName === 'BuytypeList'}"
        @click="toogleMenuActive('BuytypeList')">
        <a v-link="{ name: 'BuytypeList'}">套餐类型管理</a>
        <span v-show="payType === 1">|</span>
      </li>
      <li class="menu-item ly-row-flex"
        v-show="payType === 1"
        :class="{'active': activeName === 'SubscriptionManage'}"
        @click="toogleMenuActive('SubscriptionManage')">
        <a v-link="{ name: 'SubscriptionManage'}">订阅管理</a>
        <span>|</span>
      </li>
      <li class="menu-item ly-row-flex"
        v-show="payType === 1"
        :class="{'active': activeName === 'BlackListManage'}"
        @click="toogleMenuActive('BlackListManage')">
        <a v-link="{ name: 'BlackListManage'}">黑名单管理</a>
        <span>|</span>
      </li>
      <li class="menu-item ly-row-flex"
        v-show="payType === 1"
        :class="{'active': activeName === 'PackageActivity'}"
        @click="toogleMenuActive('PackageActivity')">
        <a v-link="{ name: 'PackageActivity'}">打包活动</a>
      </li>
    </ul>
    <button class="btn btn-sm btn-primary"
      v-show="payType === 1"
      @click="hualinSync">同步数据</button>
  </div>
</template>

<script src="./nav-menu.js"></script>
<style src="./nav-menu.css" scoped></style>
